<div id="porlet_1" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
     xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"></div>
<div id="porlet_2">
  <div class="porlet_2"><b><a href="#">
    <!-- NAME -->
    TK NHÂN VIÊN
    <!-- END - NAME-->
  </a></b>
  </div>
</div>
<div id="porlet_3"></div>
<div id="porlet_4">
  <div class="porlet_4">&nbsp;</div>
</div>
<div id="porlet_5"></div>
<div style="clear:left"></div>
<div class="main_porlet">
  <!-- CONTENT -->
  <%= javascript_include_tag("tk_nhanvien") %>
  <script>
      $(function () {
          ko.applyBindings(new ViewModel());
          $("#Content").hide();
      });
  </script>

  <!-- SEARCH -->
  <%= form_tag tk_nhanvien_thong_kes_path, :method => 'get' do |f| %>
      <div style="padding: 15px; text-align: right;" class="form_item">
        <h1>Thông tin chung</h1>

        <div style="float: left;font-weight: bold;">Số nhân viên khoa: <%= @nhanvien.count %> </div>
        <div>
          Chọn chi tiết nhân viên cần xem
          <select data-bind="options: NhanViens, optionsText: 'Ten', value: NhanVienChon" style="height: 29px; width: 175px; margin-top: 10px;"></select>
          <button class="g-button g-button-submit" data-bind="click: Show">Xem</button>
        </div>
      </div>
  <% end %>
  <!-- END - SEARCH -->
  <div id="Content">
    <div class="form_item">
      <h1 data-bind="text: 'Chi tiết nhân viên ' + TenChon()"></h1>
      <!--%= link_to "Xuất báo cáo", tk_nhanvien_thong_kes_path( nhanvienID: params[:nhanvienID], format: "xls") %>-->
      <a data-bind="attr: { href: '/thong_kes/tk_nhanvien.xls?nhanvienID=' + idChon() }">Xuất báo cáo</a>
      </br>
      <table>
        <tr>
          <td class="field" style="width: 200px;"><b>Số phòng đang quản lí:</b></td>
          <td id="SoPhong" data-bind="text: PhongQLs().length"></td>
        </tr>
      </table>
      </br>
      <div id="DSP" class="datagrid" data-bind="visible: PhongQLs().length > 0">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th>Mã phòng</th>
            <th>Tên phòng</th>
            <th>Ngày bắt đầu</th>
          </tr>
          </thead>
          <!-- Nếu không tìm thấy thì xuất thông báo -->
          <!--% if @quanli.empty? then %>
            <tr>
              <td colspan="4" style="text-align: center; color:#ff0000; font-weight:bold;">Không tìm thấy!</td>
            </tr>
        % end %>-->
          <!-- End - Nếu không tìm thấy thì xuất thông báo -->
          <tbody data-bind="foreach: PhongQLs">
          <tr>
            <td data-bind="text: MaPhong"></td>
            <td data-bind="text: Phong"></td>
            <td data-bind="text: Ngay"></td>
          </tr>
          </tbody>
          </tbody>
        </table>
      </div>
    </div>
    <div class="form_item">
      <table>
        <tr>
          <td class="field" style="width: 200px;"><b>Số tài sản đang quản lí:</b></td>
          <td id="SoTS" data-bind="text: TaiSanQLs().length"></td>
        </tr>
      </table>
      </br>
      <div id="DSTS" class="datagrid" data-bind="visible: TaiSanQLs().length > 0">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th>Mã tài sản</th>
            <th>Tên tài sản</th>
            <th>Ngày cấp</th>
          </tr>
          </thead>
          <!-- Nếu không tìm thấy thì xuất thông báo -->
          <!--% if @sohuu.empty? then %>
            <tr>
              <td colspan="4" style="text-align: center; color:#ff0000; font-weight:bold;">Không tìm thấy!</td>
            </tr>
        % end %>-->
          <!-- End - Nếu không tìm thấy thì xuất thông báo -->
          <tbody data-bind="foreach: TaiSanQLs">
          <tr>
            <td data-bind="text: MaTS"></td>
            <td data-bind="text: TenTS"></td>
            <td data-bind="text: Ngay"></td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>

    <div class="form_item">
      <table>
        <tr>
          <td class="field" style="width: 200px;"><b>Số tài sản nhập đã xử lí:</b></td>
          <td id="SoPN" data-bind="text: PhieuNhapQLs().length"></td>
        </tr>
      </table>
      <br/>
      <div id="DSPN" class="datagrid" data-bind="visible: PhieuNhapQLs().length > 0">
        <table>
          <thead style="text-align: center;">
          <tr>
            <th>Mã tài sản</th>
            <th>Tên tài sản</th>
            <th>Số lượng</th>
            <th>Trạng thái</th>
          </tr>
          </thead>
          <!-- Nếu không tìm thấy thì xuất thông báo -->
          <!--% if @pnhap.empty? then %>
            <tr>
              <td colspan="4" style="text-align: center; color:#ff0000; font-weight:bold;">Không tìm thấy!</td>
            </tr>
        % end %>-->
          <!-- End - Nếu không tìm thấy thì xuất thông báo -->
          <tbody data-bind="foreach: PhieuNhapQLs">
          <tr>
            <td data-bind="text: MaTS"></td>
            <td data-bind="text: TenTS"></td>
            <td data-bind="text: SoLuong"></td>
            <td data-bind="text: Ngay"></td>
          </tr>
          </tbody>
        </table>
      </div>
      </br>

    </div>
    <div style="clear:both;"></div>
  </div>
  <!-- END - CONTENT -->
</div>

